<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String basepath = request.getContextPath(); %>

<!DOCTYPE html>
<html lang="en">
 <head>
	<meta charset="UTF-8" >
	<title>家谱</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap-material-design.min.css">
	<link rel="stylesheet" type="text/css" href="css/ripples.min.css">
	<link rel="stylesheet" type="text/css" href="css/css.css">
	<script type="text/javascript">
		var basepath = '<%=basepath%>';
	</script>
</head>

	<body>
		<div class="row">	
				<img src="<%=basepath%>/top2.jpg" style="width:99%" alt="总体路线图" class="img-rounded">	
				<ul class="nav nav-pills">
					<li id="01" class="active">
						 <a href="<%=basepath%>/navi.jsp" onclick="changefocus('01')"  target="main">谱渡首页</a>
					</li>
					<li id="02">
						 <a href="<%=basepath%>/xupu.jsp"  onclick="changefocus('02')" target="main">在线续谱</a>
					</li>
					<li id="03">
						<a href="https://nalsi.shinyapps.io/gen_vis/"  onclick="changefocus('03')" target="main">家谱分析</a>
					</li>
					<li id="04">
						<a href="http://jp.library.sh.cn/jp/home/index"  onclick="changefocus('04')" target="main">家谱查询</a>
					</li>
					<li id="05">
						<a href="<%=basepath%>/contact.jsp"  onclick="changefocus('05')" target="main">联系我们</a>
					</li>
				</ul>
				<br>
		</div>
		
		<script>
		function changefocus(id){
			document.getElementById("01").setAttribute('class','');
			document.getElementById("02").setAttribute('class','');
			document.getElementById("03").setAttribute("class",'');
			document.getElementById("04").setAttribute("class",'');
			document.getElementById("05").setAttribute("class",'');
			document.getElementById(id).setAttribute("class",'active');
		}
		</script>
</body>
</html>


